$().ready(function(){
	console.log($(window).width())
	if($(window).width()<=750){
		$(".KnowDetails").css("width","100%")
		$(".KnowDetails-content-author").css("display","none")
		$(".KnowDetails-title-right").css("display","none")
		$(".KnowDetails-content-items").css({
			"width":"100%",
			"margin":"0px"
		})
	}
	


	
})

$(function(){
	//点击经验标题跳转到该页面传过来的经验id
	  var thisURL = document.URL;      
	  var  getval =thisURL.split('?')[1];    
	  var expId= getval.split("=")[1]; 
	  //如果接受地址中传过来的中文，那么需要转码，不要会中文乱码例如%E8%BE%BE%E7%93%A6
	  expId= decodeURIComponent(expId)
	  console.log(expId)
	  var experienceInfo={}
	  var experienceAuthorInfo={}
	  //获取当前经验内容信息
	  $.ajax({
	            //请求方式
	            type : "get",
	            async:false,//同步
	            //请求地址
	            url : "http://localhost:3030/currentExperience",
	            
	            data :{expId},
	            //请求成功
	            success : function(result) {
				experienceInfo=result.res[0]
				$(".KnowDetails-content-title-item1").text(experienceInfo.title)
				$(".releaseDate").text(experienceInfo.content.date)
				// var originalContent=$(experienceInfo.originalContent);
				// var originalTitle=$(experienceInfo.originalTitle);
				// $(".KnowDetails-content-detail").append(experienceInfo.originalTitle)
				$(".KnowDetails-content-detail").append(experienceInfo.originalContent)
				
	  			console.log(experienceInfo)
	  			 
	            },
	            //请求失败，包含具体的错误信息
	            error : function(e){
	               alert("查找失败")
	            }
	        }); 
			
	//获取当前用户的个人信息
			$(".icon-shoucang6").hide()
			$(".icon-Collection").hide()
			
	let colExpList=[];//获取用户收藏的经验信息
	let index=0;
		$.ajax({
			          //请求方式
			          type : "get",
			          async:false,//同步
			          //请求地址
			          url : "http://localhost:3030/SearchUserInfo",
			          
			          data :{userAccount:$.cookie("account")},
			          //请求成功
			          success : function(result) {
						 colExpList=result[0].CollectionExp
						if(colExpList.length==0){
							
						}else{
						for(let i=0;i<colExpList.length;i++){
							if(parseInt(colExpList[i].expId)==expId){
								index=1;
							}else{
							}
						}
						}
						if(index !=0){
							$(".icon-shoucang6").hide()
							$(".icon-Collection").show()
						}
						else{
							$(".icon-shoucang6").show()
							$(".icon-Collection").hide()
						}
							console.log(result)
			          },
			          //请求失败，包含具体的错误信息
			          error : function(e){
			             alert("查找失败")
			          }
			      });
	
			
	//获取当前经验发布作者信息
	let anthorAccount=0;//当前作者id
	$.ajax({
	          //请求方式
	          type : "get",
	          async:false,//同步
	          //请求地址
	          url : "http://localhost:3030/SearchUserInfo",
	          
	          data :{userAccount:experienceInfo.userAccount},
	          //请求成功
	          success : function(result) {
					experienceAuthorInfo=result[0]	
					$(".experienceAuthor").text(experienceAuthorInfo.username)
					$(".authorDetail").text(experienceAuthorInfo.remarks.contents)
					$(".authorFaceimg").prop("src",experienceAuthorInfo.faceimgpath)
					anthorAccount=experienceAuthorInfo.account
					console.log(experienceAuthorInfo)
	          },
	          //请求失败，包含具体的错误信息
	          error : function(e){
	             alert("查找失败")
	          }
	      });
	
	
	//获取当前文章所有评论信息
	//将获取到的评论渲染到页面上的方法
	let CommentList=[]
	function addCommentList(list){
		$(".KnowDetails-comment-bottom").empty();
		for(let i=0;i<list.length;i++){
			let anthorName="";
			let text=list[i].commentContent.details;
			let commentId= list[i].commentId
			$.ajax({
			          //请求方式
			          type : "get",
			          async:false,//同步
			          //请求地址
			          url : "http://localhost:3030/SearchUserInfo",
			          
			          data :{userAccount:list[i].userAccount},
			          //请求成功
			          success : function(result) {
						  console.log(result)
							anthorName=result[0].username;
			          },
			          //请求失败，包含具体的错误信息
			          error : function(e){
			             alert("查找失败")
			          }
			      });
					if(list[i].userAccount==$.cookie("account")){
						let div1=$(`	<div class="KnowDetails-comment-new">
												<span>${anthorName}</span>
												<div>
													<p >${text}</p>
													<p  ><a Id-Index=${commentId} class="delete">删除</a></p>
												</div>			
											</div>`)
						$(".KnowDetails-comment-bottom").append(div1);
					}
					else{
						let div1=$(`	<div class="KnowDetails-comment-new">
												<span>${anthorName}</span>
												<div>
													<p >${text}</p>
													
												</div>			
											</div>`)
						$(".KnowDetails-comment-bottom").append(div1);
					}
			
		}
		
	}
	
	$.ajax({
	          //请求方式
	          type : "get",
	          async:false,//同步
	          //请求地址
	          url : "http://localhost:3030/findComment",
	          
	          data :{expId},
	          //请求成功
	          success : function(result) {
				  CommentList=result.res
				  $(".KnowDetails-comment-titlenum").text(`追加评论(${CommentList.length})`)
				  addCommentList(CommentList);
					console.log(CommentList)
	          },
	          //请求失败，包含具体的错误信息
	          error : function(e){
	             alert("查找失败")
	          }
	      });
	
		//获取当前用户发布的所有经验详情
		$.ajax({
	          //请求方式
	          type : "get",
	          // async:false,//同步
	          //请求地址
	          url : "http://localhost:3030/currentUserExperience",
	          
	          data :{userAccount:anthorAccount},
	          //请求成功
	          success : function(result) {
				
				$(".releaseNum").text(result.res.length)
	          },
	          //请求失败，包含具体的错误信息
	          error : function(e){
	             alert("查找失败")
	          }
	      }); 
	
	//收藏该经验
	$(".icon-shoucang6").click(function(){
		let index=0;
		if($.cookie("account")==null){
			alert("请先进行登录")
		}
		else{
			$.ajax({
			          //请求方式
			          type : "get",
			          async:false,//同步
			          //请求地址
			          url : "http://localhost:3030/colExp",
			          
			          data :{userAccount:$.cookie("account"),expId,expTitle:experienceInfo.title,expContent:experienceInfo.content.details},
			          //请求成功
			          success : function(result) {	
						console.log(result)
						index+=1;
			          },
			          //请求失败，包含具体的错误信息
			          error : function(e){
			             alert("收藏失败")
			          }
			      }); 
				  if(index!=0){
					  $(".icon-shoucang6").hide();
					  $(".icon-Collection").show(10);
				  }
		}
	})
	
	
	//取消收藏该经验
	$(".icon-Collection").click(function(){
		let index=0;
		if($.cookie("account")==null){
			alert("请先进行登录")
		}
		else{
			$.ajax({
			          //请求方式
			          type : "get",
			          async:false,//同步
			          //请求地址
			          url : "http://localhost:3030/cancelcolExp",
			          
			          data :{userAccount:$.cookie("account"),expId},
			          //请求成功
			          success : function(result) {	
						console.log(result)
						index+=1;
			          },
			          //请求失败，包含具体的错误信息
			          error : function(e){
			             alert("收藏失败")
			          }
			      }); 
				  if(index!=0){
					$(".icon-Collection").hide()
					$(".icon-shoucang6").show(10);
				  }
		}
	})
	
	//
	$("img").each(function(i,el){
		console.log()
		if($(this).attr("src").search("gif")!=-1){
			$(this).css({
				"width":"0.15rem",
				"height":"0.15rem",
				"margin":"0 0.05rem"
			})
		}
	})
	
	
	//扫一扫js
	$(".qrcode1").hover(function(){
		$(this).hide()
		$(".qrcode2").show()
		$(".qrcode3").show()
	},function(){
		$(this).show()
		$(".qrcode2").hide()
		$(".qrcode3").hide()
	})
	$(".content-nav-title>div").click(function(){
		$(this).css("borderColor","#222226")
		$(this).siblings().css("borderColor","#FFFFFF")
	})
	
	//内容详情js
	$(".icon-subscriber-square").css("color","#666666")
	$(".KnowDetails-title-right").hover(function(){
		$(this).css({
			 "color": "#5CBA6E",
			 "cursor": "pointer",
			 "borderBottom": "0.03rem solid #5CBA6E"
		})
		$(".icon-subscriber-square").css( "color","#5CBA6E",)
	},function(){
		$(this).css({
			 "color": "",
			 "cursor": "",
			 "borderBottom": ""
		})
		$(".icon-subscriber-square").css( "color","#666666",)
	})

	
	// 追加评论区
	$(".KnowDetails-comment-frame input").blur(function(){
	  $("input").css("border", "1px solid #d2dbe1");
	});
	
	$(".KnowDetails-comment-frame input").focus(function(){
	  $("input").css("border", "1px solid #4aca6d");
	});

		
	//监听发布评论点击事件
	$(".submitComment-btn").click(function(){
		if($.cookie("account")==null){
			alert("请先登录")
		}else{

			let Commentparam={
				userAccount:$.cookie("account"),
				expId,
				content:$(".inputComment-text").val()
			}
			console.log(Commentparam)
			$.ajax({
			          //请求方式
			          type : "get",
			          async:false,//同步
			          //请求地址
			          url : "http://localhost:3030/releaseComment",
			          
			          data :Commentparam,
			          //请求成功
			          success : function(result) {
						  console.log(result)
							$(".inputComment-text").val("")
							 window.location.reload()
			          },
			          //请求失败，包含具体的错误信息
			          error : function(e){
						  $(".inputComment-text").val("")
			             alert("查找失败")
			          }
			      });
				
		}
	})
	
	//监听点击删除事件
	$(".delete").click(function(){
		$.ajax({
		          //请求方式
		          type : "get",
		          // async:false,//同步
		          //请求地址
		          url : "http://localhost:3030/deleteComment",
		          
		          data :{commentId:parseInt($(this).attr("Id-Index"))},
		          //请求成功
		          success : function(result) {
					  console.log(result)
					
						window.location.reload()
		          },
		          //请求失败，包含具体的错误信息
		          error : function(e){
					
		             alert(e)
		          }
		      });
	
	})

// 结束括号
})
